﻿@{
    ViewBag.Title = "Lập kế hoạch định hướng năm";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";
    List<SelectListItem> lstNam = new List<SelectListItem>();
    lstNam.Add(new SelectListItem
    {
        Value = "-1",
        Text = "-- Chọn năm --"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2012",
        Text = "2012"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2013",
        Text = "2013"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2014",
        Text = "2014"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2015",
        Text = "2015"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2016",
        Text = "2016"
    });
    lstNam.Add(new SelectListItem
    {
        Value = "2017",
        Text = "2017"
    });


    List<SelectListItem> lstDaotao = new List<SelectListItem>();
    lstDaotao.Add(new SelectListItem
    {
        Value = "-1",
        Text = "-- Chọn nhóm chỉ tiêu --"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "0",
        Text = "Đào tạo"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "1",
        Text = "Nghiên cứu khoa học"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "2",
        Text = "Tuyển sinh"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "3",
        Text = "Hội nhập quốc tế"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "4",
        Text = "Tổ chức các bộ"
    });
    lstDaotao.Add(new SelectListItem
    {
        Value = "5",
        Text = "Thanh tra pháp chế"
    });

}
<link href="~/Content/standard_form_nhaplieu.css" rel="stylesheet" />
<link href="@Url.Content("~/Content/jquery-ui.1.10.2.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery.maskedinput.js")"></script>
<script>
    function datePicker() {
        var option = {
            //dayNamesMin: ["CN", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
            dayNamesMin: ["CN", "2", "T3", "T4", "T5", "T6", "T7"],
            monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5",
                "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
            dateFormat: "dd/mm/yy",
            onSelect: function (selectedDate) {
                //alert(selectedDate);

            }
        };

        $("#Hanbaocao").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
        $("#Hanbaocao").datepicker(option);
    }
    function isNumeric(n) {
        return !isNaN(parseFloat(n)) && isFinite(n);
    }
    $(document).ready(function () {
        datePicker();
        $('.restartall').blur(function () {
            if ($(this).val() != "") {
                if (!isNumeric($(this).val())) {
                    alert('Bạn vui lòng nhập kiểu số !');
                    $(this).val('');
                }
            }
        });
        $(".restartall").each(function () {
            var b = $(this).attr('name');
            calculateSum(b);
            $(this).keyup(function () {
                var a = $(this).attr('name');
                calculateSum(a);
            });
        });
    })
    function calculateSum(a) {
        var sum = 0;
        //iterate through each textboxes and add the values
        $(".restartall").each(function () {
            if ($(this).attr('name') == a) {
                //add only if the value is number
                if (!isNaN(this.value) && this.value.length != 0) {
                    sum += parseFloat(this.value);
                }
            }

        });
        //.toFixed() method will roundoff the final sum to 2 decimal places
        $('.' + a + '').val(sum);
    }
</script>
<style>
    tbdata {
        table-layout: fixed;
        word-wrap: break-word;
        font-size: small;
    }
    .ct{
        text-align:center;
    }
    .e-input3 {
        background-color: #F7CECE;
        border: 1px solid #ddd;
        text-align: left;
        border-radius: 3px;
        padding: 5px;
        height: 26px;
        font-family: "Open Sans", arial !important;
        box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    }

    .e-input1 {
        background-color: #ddd;
        border: 1px solid #ddd;
        text-align: left;
        border-radius: 3px;
        padding: 5px;
        height: 26px;
        font-family: "Open Sans", arial !important;
        box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    }

    .e-input2 {
        border: 1px solid #ddd;
        background: #bee6ff;
        text-align: left;
        border-radius: 3px;
        padding: 5px;
        height: 26px;
        font-family: "Open Sans", arial !important;
        box-shadow: 0 1px 1px rgba(50,50,50,0.1);
    }
</style>
<div class="page-bar">
    <ul class="page-breadcrumb" style="padding: 4px;">
        <li>
            <i class="fa fa-home"></i>
            <a href="#">@ViewBag.CurrentMenuName</a>
        </li>
    </ul>
</div>
<div class="row margin-bottom-20">
    <div class="col-md-5">
        <div class="row" style="margin-top:5px;">
            @Html.Label("Năm kế hoạch", new { @class = "col-md-5", id = "lb1" })
            <div class="col-md-7">
                @Html.DropDownList("Namlapbc", lstNam, new { id = "Namlapbc", style = "margin:0px;", @class = "form-control input-sm" })
            </div>
        </div>
        
    </div>
    <div class="col-md-5">
        
    </div>
    <div class="col-md-2">
        <div class="row" style="margin-top:5px; text-align:right;">
            <div class="col-md-12">
                <button type="button" class="btn btn-sm btn-default" disabled="disabled" id="Create" style="width: 90px; margin-bottom: 5px; cursor:pointer;"><i class="fa fa-plus-square-o"></i> Tạo mới</button>
                
            </div>
        </div>
    </div>
</div>

<div class="row">
    <label id="thongbao" style="margin-left: 1.5%;color: red;"></label>
</div>

<div id="gridContent" align="center">
    <table class="table table-striped table-bordered table-hover dataTable no-footer" style="width:100%;">
        <thead>
            <tr class="header">
                <th scope="col">
                    STT
                </th>
                <th scope="col" style="width:12%;">
                    Năm kế hoạch
                </th>
                <th scope="col" class="hidden-480" style="width:40%;">
                    Tên kế hoạch
                </th>
                <th scope="col" class="hidden-480" style="width:18%;">
                    Ngày cập nhật kế hoạch
                </th>
                <th scope="col" class="hidden-480" style="width:22%;">
                    Trạng thái
                </th>
                <th scope="col" width="8%;">Thao tác</th>
            </tr>
        </thead>
        <tbody id="body"></tbody>
    </table>
</div>

<div class="modal fade" id="myModalUpdate" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header" style="color: white;background-color: #428bca;border-color: #357ebd;">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Danh sách trường-chỉ tiêu chưa được nhập !</h4>
            </div>
            <div class="modal-body">
                <table class="table table-striped table-bordered table-hover dataTable no-footer" style="width:99%;">
                    <thead>
                        <tr class="header">
                            <th scope="col" style="width:10%">
                                STT
                            </th>
                            <th scope="col">
                                Tên đơn vị
                            </th>
                            <th scope="col">
                                Tên chỉ tiêu
                            </th>
                        </tr>
                    </thead>
                    <tbody id="dsbody"></tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="width:80%;">
        <div class="modal-content">
            <div class="modal-header" style="color: white;background-color: #428bca;border-color: #357ebd;">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title" id="myModalLabel">Lập kế hoạch định hướng năm</h4>
            </div>
            <div class="modal-body">
                <div class="table-responsive">
                    <table class="table table-bordered table-hover" id="tbdata" style="table-layout: fixed; word-wrap: break-word; font-size: small;">
                        <thead>
                            <tr>
                                <th style="width:23%;" class="chonnhom"><span>Chọn nhóm:</span><select class="form-control" id="nhomchitieu" style="width: 60%;display: -webkit-inline-box;margin-left: 3%;"></select></th>
                                <th  style="width:7%;" class="dvt">Đơn vị tính</th>
                                <th colspan="2" style="width:15%;" class="ct">ĐHQG</th>
                                <th class="cl" colspan="7" style="width:54.5%;"><span>Chọn nhóm:</span><select class="form-control" id="nhomdonvi" style="width: 65%;display: -webkit-inline-box;margin-left: 3%;"><option>Trường khoa trực thuộc</option><option>Trường không trực thuộc</option><option>Các trường còn lại</option></select></th>
                            </tr>
                            <tr id="hdernew"></tr>
                        </thead>
                        <tbody id="bdy"></tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" style="display:none;" id="DHQGHUYCHOT" class="btn btn-primary">Hủy Chốt</button>
                <button type="button" style="display:none;" id="DHQGCHOT" class="btn btn-primary">Chốt</button>
                <button type="button" id="Update" class="btn btn-primary">Ghi nhận</button>
                <button type="button" id="Chot" class="btn btn-primary">Gửi Ban KHTC</button>
                <button type="button" data-dismiss="modal" class="btn btn-primary">Export</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">Đóng</button>
            </div>
        </div>
    </div>
</div>
<script>
    @functions{
           public string GetAntiForgeryToken()
           {
               string cookieToken, formToken;
               AntiForgery.GetTokens(null, out cookieToken, out formToken);
               return cookieToken + "," + formToken;
           }
       }
</script>
<script src="@Url.Content("~/Scripts/DHQG/PhanDinhHuong.js")" type="text/javascript"></script>
<script>
    $(function () {
        var initData = {
            VerificationToken: "@GetAntiForgeryToken()",
            GetallChitieu: "@Url.Action("GetallChitieu","Kehoachnam")",
            GetallNamkehoach: "@Url.Action("GetallNamkehoach", "Kehoachnam")",
            GetallChitieubynamchitieu: "@Url.Action("GetallChitieubynamchitieu", "Kehoachnam")",
            GetDonViByNhom: "@Url.Action("GetDonViByNhom", "Kehoachnam")",
            GetKehoachbyNamkehoach: "@Url.Action("GetKehoachbyNamkehoach", "Kehoachnam")",
            Getallnhomdonvi: "@Url.Action("Getallnhomdonvi", "Kehoachnam")",
            Getallstatus: "@Url.Action("Getallstatus", "Kehoachnam")",
            GetAllDonViByNhomID: "@Url.Action("GetAllDonViByNhomID", "Kehoachnam")",
            Getallchitieubymacap2: "@Url.Action("Getallchitieubymacap2", "Kehoachnam")",
            GetNamkehoachbyID: "@Url.Action("GetNamkehoachbyID", "Kehoachnam")",
            GetAllDvCtbyNKH: "@Url.Action("GetAllDvCtbyNKH", "Kehoachnam")",
            SaveDonViChiTieu: "@Url.Action("SaveDonViChiTieu", "Kehoachnam")",
            DonviID: '@ViewBag.DonviID',
            MaDV: '@ViewBag.MADV',
            UpdateStatusid: '@Url.Action("UpdateStatusid", "Kehoachnam")',
            CheckNamChot: '@Url.Action("CheckNamChot", "Kehoachnam")',
            GetDonviChuaPhanHoi: '@Url.Action("GetDonviChuaPhanHoi", "Kehoachnam")',
            Getbanchuachot: "@Url.Action("Getbanchuachot", "Kehoachnam")",
            SumCanDoi: "@Url.Action("SumCanDoi", "Kehoachnam")"

        };
        PhanDinhHuong.init(initData);
    });
</script>

